<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>首页-爆爆社区</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
</head>
<body>
<div th:replace="common/header::header(activeUrl='index.html')"></div>
<main role="main">



    <div class="jumbotron" style="background-color: #ffffff;box-shadow: 0px -2px 10px #d0cccc inset;">
        <div class="container">
            <h1 class="display-3">爆爆の小社区 </h1>
            <p style="margin-top: 2rem;">
                爆爆の小社区将长期分享一些技术文章,日常生活,好玩的新鲜事,在这里,希望更多的人学有所成
            </p>
            <p style="margin-top: 2rem;">
              建议先更改一下头像 由于设计的缺陷 尽量少更改头像o(╥﹏╥)o
            </p>
            <p><a class="btn btn-primary btn-lg" target="_blank" href="https://space.bilibili.com/85916295" role="button">了解更多</a></p>
        </div>
    </div>
    <div class="container">

        <div class="row">
            <div class="col-md-4">
                <h2>问答</h2>
                <p> 大家畅所欲言  有什么问题尽管提哦 </p>
                <p><a th:href="@{/question}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>博客</h2>
                <p> 想写什么就写什么吧  你的文章将会被更多的人看到哦 </p>
                <p><a th:href="@{/blog}" class="btn btn-secondary" role="button">前往 »</a></p>
            </div>
            <div class="col-md-4">
                <h2>资源库</h2>
                <p> 一些资源都放在这里哦</p>
                <p>  <p><a th:href="@{/download}" class="btn btn-secondary" role="button">前往 »</a></p></p>
            </div>
        </div>

        <hr>

    </div>
</main>
<div th:replace="common/footer::footer"></div>
<a class="to-top">返回顶部</a>
<th:block th:replace="common/footer::script"></th:block>
</body>
</html>